body{
	background-image:url('../images/background2.png');
	background-repeat:repeat-x;
	background-color: #328dd2;

}

#contain{
	background-image:url('../images/foreground2.png');
	background-repeat:repeat-x;
	margin-left: auto;
	margin-right: auto;
	margin-top: -8px;
	width: 1024px;
	height: 1500px;
}

#primitiveBody{
	font-family: Helvetica;
	position: relative;
	bottom: 280px;
}

#primitiveBody h1{
	margin-left: 200px;
	margin-right: 50px;

	color: white;
	
	height: 50px;
	border-left: 2px solid black;
	border-right: 2px solid black;
	border-top: 2px solid black;
	border-bottom: 1px solid black;
	background-color: #E9F0F2;
	padding-top: 10px;
	padding-left: 25px;
	z-index: 4;
	position: relative;
	
	
	background-image: linear-gradient(top, #FF0000 25%, #700000 100%);
	background-image: -o-linear-gradient(top, #FF0000 25%, #700000 100%);
	background-image: -moz-linear-gradient(top, #FF0000 25%, #700000 100%);
	background-image: -webkit-linear-gradient(top, #FF0000 25%, #700000 100%);
	background-image: -ms-linear-gradient(top, #FF0000 25%, #700000 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.25, #FF0000),
		color-stop(1, #700000)
	);
	
	text-overflow: ellipsis;


	text-shadow:
		-1px -1px 0 #000,
		1px -1px 0 #000,
		-1px 1px 0 #000,
		1px 1px 0 #000;



}

.primitiveContent{
	border: 2px solid black;
	margin-left: 10px;
	margin-right: 10px;
	position: relative;
	bottom: 24px;
	background-color: #E9F0F2;
	z-index: 3;
	padding-top: 3px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	/*min-height: 650px;*/
	
	background-image: linear-gradient(bottom, #FFFFFF 50%, #CCCCCC 100%);
	background-image: -o-linear-gradient(bottom, #FFFFFF 50%, #CCCCCC 100%);
	background-image: -moz-linear-gradient(bottom, #FFFFFF 50%, #CCCCCC 100%);
	background-image: -webkit-linear-gradient(bottom, #FFFFFF 50%, #CCCCCC 100%);
	background-image: -ms-linear-gradient(bottom, #FFFFFF 50%, #CCCCCC 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.5, #FFFFFF),
		color-stop(1, #CCCCCC)
	);
}

#imageRotate{
	width: 950px;
	height: 300px;
	border: 1px solid black;
	overflow: hidden;
	margin-top: 18px;
	margin-left: auto;
	margin-right: auto;
	
}

#imageRotate .imageRoateInfo{
	position: relative;
	/*border-top: 1px solid black;*/
	bottom: 105px;
	height: 50px;
	z-index: 6;
	background-image: url('../images/dark50.png');
	padding-top: 3px;
	text-align: center;
	font-size: 17px;
	color: #FFF;
}

.imageRoateInfo div{
	padding-top: 1px;
}

#primitiveBody p{
	text-indent: 20px;
	width: 951px;
	margin-left: 14px;
	
}

#primitiveBody h5{

	height: 30px;
	margin-left: -10px;
	margin-right: -10px;
	border-top: 2px solid black;
	border-bottom: 2px solid black;
	color: #FFF;

	padding-top: 10px;
	padding-left: 26px;

	font-size: 18px;
	letter-spacing:1px;

	/*orange*/
	background-image: linear-gradient(top, #FF7700 25%, #520000 100%);
	background-image: -o-linear-gradient(top, #FF7700 25%, #520000 100%);
	background-image: -moz-linear-gradient(top, #FF7700 25%, #520000 100%);
	background-image: -webkit-linear-gradient(top, #FF7700 25%, #520000 100%);
	background-image: -ms-linear-gradient(top, #FF7700 25%, #520000 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.25, #FF7700),
		color-stop(1, #520000)
	);	
	
	text-shadow:
		-1px -1px 0 #000,
		1px -1px 0 #000,
		-1px 1px 0 #000,
		1px 1px 0 #000;
		
		
	cursor: pointer;
}

/**** MENU CSSS ****/

.h5FakeHead {

	height: 30px;
	margin-left: -10px;
	margin-right: -10px;
	border-top: 2px solid black;
	border-bottom: 2px solid black;
	color: #FFF;

	padding-top: 10px;
	padding-left: 33px;
	
	font-size: 18px;
	letter-spacing:1px;

	/*orange*/
	background-image: linear-gradient(top, #FF7700 25%, #520000 100%);
	background-image: -o-linear-gradient(top, #FF7700 25%, #520000 100%);
	background-image: -moz-linear-gradient(top, #FF7700 25%, #520000 100%);
	background-image: -webkit-linear-gradient(top, #FF7700 25%, #520000 100%);
	background-image: -ms-linear-gradient(top, #FF7700 25%, #520000 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.25, #FF7700),
		color-stop(1, #520000)
	);
	
}

.menuWrap{
	height: 190px;
	margin-bottom: 30px;
	width: 982px;
	margin-left: -1px;
}

.menuHeader{
	width: 128px;
	display: inline-block;
	text-align: center;
	position: relative;
	bottom: 11px;
	padding-top: 9px;
}

.menuHeader a{
	color: #FFF;
}

.menuTitle{
	display: inline-block;
	color: #FFF;
	
	height: 33px;
	width: 126px;
	
	position: relative;
	bottom: 10px;
	
	padding-top: 11px;
	
	border-left: 1px solid black;
	border-right: 1px solid black;
	
	text-shadow:
		-1px -1px 0 #000,
		1px -1px 0 #000,
		-1px 1px 0 #000,
		1px 1px 0 #000;
		
	background-image: url('../images/menutransparent.png');
}

.menuTitle a{
	text-decoration: none;
}

.menuTitle a:hover{
	color: #e4e4e4;
}

.menuItem{
	display: inline-block;
	width: 128px;
	height: 120px;
	
	/*border-top: 1px solid black;
	border-left: 1px dashed black;
	border-bottom: 1px dashed black;
	border-right: 1px dashed black;*/
	
	text-shadow:
		0px 0px 0 #FFF,
		0px -0px 0 #FFF,
		0px 0px 0 #FFF,
		0px 0px 0 #FFF;
		
	font-size: 14px;
	font-weight: normal;
	
	position: relative;
	bottom: 12px;
	
	background-image: url('../images/menutransparent.png');
	
	padding-top: 5px;
}

.menuItem a{
	text-align: left;
	text-decoration: none;
	color: #000;
	padding: 2px;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-left: 5px;
}

.menuItem a:hover{
	text-decoration: underline;
}

#primitiveBody .active{
	background-image: linear-gradient(top, #26FF00 13%, #00961C 57%);
	background-image: -o-linear-gradient(top, #26FF00 13%, #00961C 57%);
	background-image: -moz-linear-gradient(top, #26FF00 13%, #00961C 57%);
	background-image: -webkit-linear-gradient(top, #26FF00 13%, #00961C 57%);
	background-image: -ms-linear-gradient(top, #26FF00 13%, #00961C 57%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.13, #26FF00),
		color-stop(0.57, #00961C)
	);
}


/*** Image Box Stuff***/

#threeImageBox{
	position: relative;
	bottom: 25px;
}

#threeImageBox div{
	display: inline-block;
}

#threeImageBox div span{
	display: block;
	margin-left: 16px;
	text-align: center;
	font-size: 14px;
}

#threeImageBox div img{
	width: 300px;
	height: 200px;
	border: 1px solid black;
	margin-left: 16px;
}

.moveUp{
	position: relative;
	bottom: 15px;
}


#primitiveFoot{
	height: 50px;
	border: 2px solid black;
	border-bottom: 1px solid black;
	font-family: Helvetica;
	margin-left: 10px;
	margin-right: 10px;

	background-image: linear-gradient(top, #6BC4FF 25%, #002652 100%);
	background-image: -o-linear-gradient(top, #6BC4FF 25%, #002652 100%);
	background-image: -moz-linear-gradient(top, #6BC4FF 25%, #002652 100%);
	background-image: -webkit-linear-gradient(top, #6BC4FF 25%, #002652 100%);
	background-image: -ms-linear-gradient(top, #6BC4FF 25%, #002652 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.25, #6BC4FF),
		color-stop(1, #002652)
	);
}

#footLinks{
	padding-top: 20px;
	float: left;
	padding-left: 20px;
}

#footLinks a{
	color: #FFF;
	text-decoration: none;
	font-size: 10px;

}

#footLinks a:hover{
	text-decoration: underline;
}

#footLinks span{
	padding-left: 20px;
}

#minilogo{
	width: 94px;
	height: 46px;
	float: left;
	padding-left: 15px;
}

#logoContain{
	background-color: black;
	width: 550px;
	height: 263px;
	opacity:0.25;
	filter:alpha(opacity=25); /* For IE8 and earlier */
	float: right;
	
	background-image: linear-gradient(bottom, #000000 50%, #878587 100%);
	background-image: -o-linear-gradient(bottom, #000000 50%, #878587 100%);
	background-image: -moz-linear-gradient(bottom, #000000 50%, #878587 100%);
	background-image: -webkit-linear-gradient(bottom, #000000 50%, #878587 100%);
	background-image: -ms-linear-gradient(bottom, #000000 50%, #878587 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.5, #000000),
		color-stop(1, #878587)
	);
}

#logo{
	position: relative;
	top: 30px;
	left: 40px;
	height: 184px;
}

#search{
	float: right;
	position: relative;
	bottom: 165px;
	right: 60px;
	width: 590px;
	height: 40px;
	font-size: 22px;
	border: 1px solid black;
	padding-left: 8px;
	
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
}

#go{
	float: right;
	position: relative;
	left: 590px;
	bottom: 162px;
	height: 40px;
	width: 40px;
	font-weight: bold;
}

#create{
	position: relative;
	bottom: 165px;
	left: 47px;
	width: 160px;
	height: 190px;
	z-index: 5;
}


#userwelcome{
	position: relative;
	left: 625px;
	bottom: 74px;
	border: 1px solid black;
	max-width: 290px;
	height:40px;
	overflow: hidden;
	margin-left: -1px;
	padding-left: 47px;
	background-color: #E9F0F2;
	z-index: 1;
	font-family: Helvetica;
}

#userwelcome div{
	padding-top: 3px;
	font-size: 15px;
	border-bottom: 1px solid black;
	padding-left: 11px;
	background-color: #6E007A;
	color: #FFF;
	background-image: linear-gradient(bottom, #6E007A 50%, #DD00FF 100%);
	background-image: -o-linear-gradient(bottom, #6E007A 50%, #DD00FF 100%);
	background-image: -moz-linear-gradient(bottom, #6E007A 50%, #DD00FF 100%);
	background-image: -webkit-linear-gradient(bottom, #6E007A 50%, #DD00FF 100%);
	background-image: -ms-linear-gradient(bottom, #6E007A 50%, #DD00FF 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.5, #6E007A),
		color-stop(1, #DD00FF)
	);
}

#userwelcome span{
	float: right;
	font-size: 11px;
	margin-right: -1px;
}

#userwelcome span a{
	color: black;
	text-decoration: none;
	border: 1px solid black;
	display: inline-block;
	height: 19px;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: -1px;
	background-color: #DFECF0; 
	font-weight: bold;
	padding-top: 2px;
}

#userwelcome span a:hover{
	background-color: #D3E3E8;
	text-decoration: underline;
}

.wrap{
	position: relative;
	bottom: 180px;
}

.wrapImage{
	position: relative;
	left: 200px;
	top: 15px;
	z-index: 6;
	max-height: 104px;
	overflow: hidden;	
}

#fb_pic{
	
	border: 1px solid black;
	float: right;
	z-index: 2;
}

#fbLogout{
	position: relative;
	left: 890px;
	bottom: 170px;
}

.userInput{
	display: block;
	font-size: 17px;
	font-family: Helvetica;
	padding: 1px;
}

.userInput input{
	font-size: 17px;
	font-family: Helvetica;
	padding-left: 5px;
}


.userInput textarea{
	width: 800px;
	height: 100px;
	border: 1px solid black;
	font-family: Helvetica;
	font-size: 17px;
	padding-left: 5px;
}

.userInput2{
	display: block;
	font-size: 17px;
	font-family: Helvetica;
}

.userInput2 input{
	font-size: 17px;
	font-family: Helvetica;
	padding-left: 5px;
	width: 972px;
}

.userInput2 textarea{
	width: 972px;
	height: 100px;
	border: 1px solid black;
	font-family: Helvetica;
	font-size: 17px;
	padding-left: 5px;
}

.textFieldUser {
	width: 600px;
	height: 30px;
	margin: 5px;
	border: 1px solid black;
}

.buttonUser{
	height: 32px;
	width: 32px;
	padding-bottom: 1px;
}
#voteBar{
	position: relative;
	top:-70px;
	right: 40px;
	float: right;
}
/*Create Page*/
.selectRow{

	background-image: linear-gradient(bottom, rgb(138,43,138) 30%, rgb(235,17,235) 66%);
	background-image: -o-linear-gradient(bottom, rgb(138,43,138) 30%, rgb(235,17,235) 66%);
	background-image: -moz-linear-gradient(bottom, rgb(138,43,138) 30%, rgb(235,17,235) 66%);
	background-image: -webkit-linear-gradient(bottom, rgb(138,43,138) 30%, rgb(235,17,235) 66%);
	background-image: -ms-linear-gradient(bottom, rgb(138,43,138) 30%, rgb(235,17,235) 66%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.3, rgb(138,43,138)),
		color-stop(0.66, rgb(235,17,235))
	);
	
		cursor: move;
		
	border: 1px solid black;
	padding: -1px;
}

.selectRow .hide{
	float: right;
	margin-top: 12px;
	margin-right: 15px;
	display: inline;
	color: #FFF;
	
	text-shadow:
		-1px -1px 0 #000,
		1px -1px 0 #000,
		-1px 1px 0 #000,
		1px 1px 0 #000;
}

.hide{
	display: none;
}

/*View Page*/
.v_description{
	height: 325px;
}

.v_description p{
	text-indent: 15px;
}

.v_description img{
	padding: 5px;
}

.v_fb{
	border: 1px solid black;
	padding-top: 25px;
	height: 10px;
}

.v_fb div{
	float: right;
}

.v_fb_like{
	padding-top: 5px;
	width: 980px;
	height: 30px;
}

.v_fb_like div{
	float: right;
}

.v_by{
	font-size: 20px;
}

/*Search Results*/
.result {
	border: 1px solid black;
	background-image: linear-gradient(bottom, rgb(153,153,153) 20%, rgb(225,227,230) 60%);
background-image: -o-linear-gradient(bottom, rgb(153,153,153) 20%, rgb(225,227,230) 60%);
background-image: -moz-linear-gradient(bottom, rgb(153,153,153) 20%, rgb(225,227,230) 60%);
background-image: -webkit-linear-gradient(bottom, rgb(153,153,153) 20%, rgb(225,227,230) 60%);
background-image: -ms-linear-gradient(bottom, rgb(153,153,153) 20%, rgb(225,227,230) 60%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.2, rgb(153,153,153)),
	color-stop(0.6, rgb(225,227,230))
);
	
}

.result .rTitle{
	height: 25px;
	
}

.result .rSmall{
	float: right;
	font-size: 12px;
	padding-right: 5px;
	
}

.result a{
	font-size: 18px;
	text-decoration: none;
	padding-top: 5px;
	padding-left: 5px;
	border-bottom: 1px solid black;
	width: 450px;
	display: inline-block;
	color: #000;
	font-weight: bold;
}

.result a:hover{
	color: #FFF;
	border-bottom: 1px solid #FFF;
}

.result .rDescription{
	min-height: 30px;
	margin-top: 10px;
	text-indent: 15px;
}

.active{
	background-image: linear-gradient(top, #26FF00 13%, #00961C 57%);
	background-image: -o-linear-gradient(top, #26FF00 13%, #00961C 57%);
	background-image: -moz-linear-gradient(top, #26FF00 13%, #00961C 57%);
	background-image: -webkit-linear-gradient(top, #26FF00 13%, #00961C 57%);
	background-image: -ms-linear-gradient(top, #26FF00 13%, #00961C 57%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.13, #26FF00),
		color-stop(0.57, #00961C)
	);
}

.clickable{
	cursor: pointer;
}